import { Flex, Spinner, Text } from '@chakra-ui/react';

const Loading = () => {
  return (
    <Flex w="full" h="full" alignItems="center" justifyContent="center">
      <Spinner
        thickness="2px"
        speed="1s"
        emptyColor="gray.200"
        color="gray.400"
        size="xl"
      />
    </Flex>
  );
};
export const FullLoading = () => (
  <Flex
    h="100vh"
    w="100vw"
    direction="column"
    justify="center"
    align="center"
    rowGap={4}
  >
    <Spinner
      thickness="2px"
      speed="1s"
      emptyColor="base.200"
      color="base.400"
      size="xl"
    />
    <Text
      color="base.300"
      fontWeight="semibold"
      fontFamily="'Inter', sans-serif"
    >
      Loading TourFly
    </Text>
  </Flex>
);

export default Loading;
